//页面框架加载完成自动执行
$(function () {

    bindBtnSms();
    bindRegister();
    bindLogin();
    bindImgCode();

})


// 更换图片验证码
function bindImgCode() {
    $('#imgCode').click(function () {
        var preSrc = $(this).attr('src');
        var t = parseInt(preSrc.substr(-1, 1));
        var T = (t + 1).toString()
        $(this).attr('src', preSrc.replace(t, T));  // img/code/? 相当于重新发起请求
    })
}

// 发送短信按钮
function bindBtnSms() {
    $('#btnSms').click(function () {

        $(".error-msg").empty();
        $.ajax({
            url: "{% url 'send_code' %}", //等价于 '/send/sms/'
            type: "GET",
            data: {
                phone: $('#id_phone').val(),
                tpl: $("#btnSms").parent().prop('id'),
            },
            success: function (res) {
                console.log(res);
                if (res.status) {
                    sendSmsRemind(res);
                } else {
                    $.each(res.error, function (key, value) {
                        $("#id_" + key).next().text(value[0]);
                    })
                }
            }
        })
    })
};

// 倒计时定时器
function sendSmsRemind(res) {
    var $smsBtn = $("#btnSms")

    $smsBtn.prop("disabled", true);  // 给按钮添加不可点击效果
    var time = 59;
    var remind = setInterval(function () {
        $smsBtn.val(time + '秒重新发送');
        time -= 1;
        if (time < 1) {
            clearInterval(remind);
            $smsBtn.val('点击获取验证码').prop("disabled", false);
        }
    }, 1000)    // 1秒执行一次

}

// 注册按钮
function bindRegister() {
    $('#btnRegister').click(function () {
        $(".error-msg").empty();
        $.ajax({
            url: "{% url 'register' %}" + "?tpl=register", //等价于 '/login/'
            type: "POST",
            data: $("#form").serialize(),
            dataType: 'JSON',
            success: function (res) {
                if (res.status) {
                    console.log(res);
                    alert('注册成功！点击跳转登录界面');
                    location.href = '/login/'
                } else {
                    $.each(res.error, function (key, value) {
                        $("#id_" + key).next().text(value[0]);
                    })
                }
            }
        })
    })
}

// 登录按钮
function bindLogin() {
    $('#btnLogin').click(function () {
        $.ajax({
            url: "{% url 'login' %}" + "?tpl=login", //等价于 '/login/'
            type: "POST",
            data: $("#form").serialize(),
            dataType: 'JSON',
            success: function (res) {
                if (res.status) {
                    console.log(res);
                    location.href = '/user/list/'
                } else {
                    $.each(res.error, function (key, value) {
                        $("#id_" + key).next().text(value[0]);
                    })
                }

            }
        })
    })
}
